<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.box{
			width: 200px;
			height: 200px;
			transform-style:preserve-3d;
			perspective: 200000px;
			margin: 100px auto;
			animation: run 10s infinite;

		}
		.box>div{
		    width: 200px;
			height: 200px;
			position: absolute;
		}
		.box>div>img{
			 width: 200px;
			height: 200px;
		}

		.img1{

			transform:  rotateY(0deg) translateZ(400px);
		}
		.img2{
			transform: rotateY(30deg) translateZ(400px);
		}
		.img3{
			transform: rotateY(60deg) translateZ(400px);
		}
		.img4{
			transform: rotateY(90deg) translateZ(400px);
		}
		.img5{
			transform: rotateY(120deg) translateZ(400px);
		}
		.img6{
			transform: rotateY(150deg) translateZ(400px);
		}
		.img7{
			transform: rotateY(180deg) translateZ(400px);
		}
		.img8{
			transform: rotateY(210deg) translateZ(400px);
		}
		.img9{
			transform: rotateY(240deg) translateZ(400px);
		}
		.img10{
			transform: rotateY(270deg) translateZ(400px);
		}
		.img11{
			transform: rotateY(300deg) translateZ(400px);
		}
		.img12{
			transform: rotateY(330deg) translateZ(400px);
		}
		.img13{
			transform: rotateY(0deg) ;
		}

       @keyframes run{
       	from{transform: rotate3d(1,1,1,0deg);}
       	to{transform: rotate3d(1,1,1,360deg);}
       }
	</style>
</head>
<body>
	<div class="box">
		<div class="img1">
			<img src="./图片/1484279412207.jpeg" alt="">
		</div>
		<div class="img2">
			<img src="./图片/1484279453141.jpeg" alt="">
		</div>
		<div class="img3">
			<img src="./图片/1487244187618.jpeg" alt="">
		</div>
		<div class="img4">
			<img src="./图片/1487244217152.jpeg" alt="">
		</div>
		<div class="img5">
			<img src="./图片/1487244226412.jpeg" alt="">
		</div>
		<div class="img6">
			<img src="./图片/1487244245616.jpeg" alt="">
		</div>
		<div class="img7">
			<img src="./图片/1487244260776.jpeg" alt="">
		</div>
		<div class="img8">
			<img src="./图片/1487244270520.jpeg" alt="">
		</div>
		<div class="img9">
			<img src="./图片/1487244272913.jpeg" alt="">
		</div>
		<div class="img10">
			<img src="./图片/29810aa3c7d8f838.jpg" alt="">
		</div>
		<div class="img11">
			<img src="./图片/5e1c311f1213013.jpg" alt="">
		</div>
		<div class="img12">
			<img src="./图片/faceu_20170316142807.png" alt="">
		</div>
		<div class="img13">
			<img src="./图片/faceu_20170316142807.png" alt="">
		</div>
	</div>
</body>
</html>